/* 
    Document   : estilo
    Created on : 29/11/2011, 21:28:18
    Author     : The Place
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

* {
    font-family:Tahoma;
    font-size:11px;
    color:#444;
    margin: 0px;
} 

/* Div Cabecalho */
#div_cabecalho{
    width:100%; 
    height:150px; 
    background-image:url(../img/fundo_top.jpg); 
}

#div_cabecalho #logo{
    float: left;
    width: 400px;
    height: 150px;
    background-image:url(../img/logo.jpg); 
}

#div_cabecalho #rigth{
    float: right;
    width: 350px;
    height: 150px;
    background-image:url(../img/rigth_top.jpg); 
}

#div_cabecalho #box #legenda{
    width: 320px;
    float: right;
    text-align: left;
    height: 25px;
    line-height: 25px;
    color: #FFF;
}

#div_cabecalho #box #legenda b{
    color: #FFF;
}

#div_cabecalho #box{
    position: absolute;
    width: 100%;
    text-align: right;
    float: right;
    height: 25px;
    line-height: 25px;
    color: #FFF;
}

/* Menu */
#div_cabecalho #menu{
    float: left;
    position: absolute;
    margin-left: 300px;
    margin-top: 117px;
}

#div_cabecalho #menu ul {
    padding:0px;
    margin:0px;
    float: left;
    width: 100%;
    list-style:none;
}

#div_cabecalho #menu li{
    height: 25px;
    line-height: 25px;
    display: inline;
}

#div_cabecalho #menu ul li a {
    padding: 2px 10px;
    margin-right: 5px;
    float:left;
    /* visual do link */
    background-color:#EDEDED;
    color: #333;
    text-decoration: none;
    border-bottom:3px solid #38AE3E;
}

#div_cabecalho #menu ul li a:hover {
    background-color:#38AE3E;
    color: #FFF;
    border-bottom:3px solid #38AE3E;
}

/* --- */

#div_cabecalho #usuario{
    color: #fff;
    padding-top:10px;
    padding-left: 10px;
}

#div_cabecalho #usuario b{
    color: #fff;
    font-weight: bold;
}

/* Div Menu Lateral */
#div_menu_lateral{
    width:5%; 
    height:406px; 
    background-image:url(../img/lat-p.jpg); 
    float:left; 
    text-align:center;
}


/* Div Conteudo */
#div_conteudo{
    padding-left: 10px;
    padding-top: 10px;
}

#div_conteudo h1{
    font-size: 14px;
}

#div_conteudo h1 img{
    vertical-align: middle;
}

#div_conteudo h2{
    font-size: 14px;
    font-weight: normal;
}

#div_conteudo h2 b{
    font-size: 14px;
}

#div_mensagem_retorno{
    width: 600px;
    border: 1px solid #fff;
    height: 30px;
    text-align: justify;
    vertical-align: middle;
    line-height:30px;
    background-color: lightgoldenrodyellow;
    text-indent: 5px;
    margin-bottom: 10px;
    display: none;
}

#caixa_aviso{
    background-color: #fff;
    border: 1px dotted #999999;
    width: 98%;
}

#login{
    margin-top: 100px;
    border: 1px solid #e8e9e9;
    width: 300px;
    text-align: left;
}

#div_login{
    padding: 50px;
    border: 1px solid #97343B;
}

#div_login #titulo{
    text-transform: uppercase;
    padding-bottom: 30px;
    font-size: 16px;
    text-align: left;
    color: #97343B;
}

#div_login label{
    font-size: 14px;
    margin-bottom: 20px;
}

#div_login input{
    border: 1px solid #e5ebf4;
    font-size: 14px;
    padding: 5px;
    margin-bottom: 20px;
}

#div_login input:focus{
    border: 1px solid #0086d6;
}

#div_login #submit{
    border: 1px solid #e5ebf4;
    font-size: 14px;
    margin-top: 10px;
}

/* Div mensagens de sucesso, aviso e erro de formularios */
.mensagem_erro{}

.msg_sucesso, .msg_aviso, .msg_erro {
    width:76%;
    background-position: 10px center;
    background-repeat: no-repeat;
    margin: 10px 10px 10px 10px;
    padding:10px 0px 10px 40px;
    background-color:#FFFFFF;
    opacity:0.9;
    filter:alpha(opacity=90);
    color:#000000;
    border:#000000 1px solid;
}
.msg_sucesso ul, .msg_aviso ul, .msg_erro ul {
    margin:0px;
    padding-left: 15px;
}
.msg_sucesso {
    color: #4F8A10;
    background-image: url('../img/msg_sucesso.jpg');
    border: #4F8A10 2px solid;

}
.msg_aviso {
    color: #9F6000;
    border: #9F6000 2px solid;
    background-image: url('../img/msg_aviso.jpg');

}
.msg_erro {
    color: #D8000C;
    border: #D8000C 2px solid;
    background-image: url('../img/msg_erro.jpg');
}
/* FIM mensagens de sucesso, aviso e erro de formularios */

/* Div Rodape */
#div_rodape{
    width:875px; 
    height:55px; 
    background-color:#666; 
    clear:both; 
    text-align:center;
}

/* Títulos */
.titulos{
    margin-top: 50px;
    font-size: 16px;
    color: #2f53fd;
}

#tabela_mvc{
    margin-top: 20px;
    width: 800px;
}

#tabela_mvc th{
    text-align: right;
    width: 150px;
    padding-right: 5px;
    background-image: url(../img/fundo_label_tabela_mvc.jpg);
    background-repeat: repeat-y;
    height: 20px;
    line-height: 20px;
}

#tabela_mvc td{
    padding-left: 5px;
    background-color: #fbfafa;
}

#tabela_mvc img{
    vertical-align: middle;
}

#tabela_mvc td.nobg{
    padding-top: 10px;
    background-color: #fff;
}

#tabela_mvc .interno{
    width: 100%;
}

#tabela_mvc .interno th{
    text-align: center;
    border: 1px solid #999999;
    height: 20px;
    line-height: 20px;
    background-image: none;
    background-color: #fff;
}

#tabela_mvc .interno td{
    background-color: #999999;
    color: #fff;
}


/* Tabela */
.tabela_dados {
    width: 80%;
    margin-top: 20px;
    padding: 0;
}

.tabela_dados caption {
    padding: 0 0 5px 0;
    width: 700px;	 
    text-align: right;
}

.tabela_dados th {
    color: #4f6b72;
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    border-top: 1px solid #C1DAD7;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: left;
    padding: 6px 6px 6px 12px;
    background: #CAE8EA url(../img/bg_header.jpg) repeat-x;
}

.tabela_dados th.nobg {
    border-top: 0;
    border-left: 0;
    border: 1px solid #C1DAD7;
    background: none;
    text-align: center;
}

.tabela_dados td.paginacao {
    border-top: 0;
    border-left: 0;
    border-right: 0px;
    background: none;
    text-align: right;
}

.tabela_dados td {
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    background: #fff;
    padding: 6px 6px 6px 12px;
    color: #4f6b72;
}

.tabela_dados td a {
    text-decoration: none;
    color: #97343B;
}

.tabela_dados td a:hover {
    text-decoration: underline;
    color: #97343B;
}

.tabela_dados td.alt {
    background: #F5FAFA;
    color: #797268;
}

.tabela_dados th.row1 {
    border-left: 1px solid #C1DAD7;
    border-top: 0;
    background: #fff url(../img/bullet1.gif) no-repeat;
    text-align: center;
}

.tabela_dados th.row2 {
    border-left: 1px solid #C1DAD7;
    border-top: 0;
    background: #f5fafa url(../img/bullet2.gif) no-repeat;
    color: #797268;
    text-align: center;
}

.tabela_dados tr.rodape{
    border-left: 1px solid #C1DAD7;
    border-top: 0;
    background: #f5fafa url(../img/bullet2.gif) no-repeat;
    color: #797268;
    text-align: right;
}

.botao{
    color:#797268;
    background-color:#FFFFFF;
    border: 1px solid #C1DAD7;
    font-weight:bold;
    font-size:8pt;
    padding: .1em .6em;
    margin: 0px 2px 2px 2px;
    height: 20px;
    
}

.botao:hover{
    color:#fff;
    background-color:#797268;
    border: 1px solid #C1DAD7;
    font-weight:bold;
    font-size:8pt;
    padding: .1em .6em;
    margin: 0px 2px 2px 2px;
    height: 20px;
    cursor: pointer;
}

.botao:disabled{
    background-color: #f2f1f1;
    color: #e4e3e3;
    border: 1px solid #f2f1f1;
}

#grid{
    width: 625px;
}
#grid td{
    border: 1px solid #C0C0C0;
}
#grid .label1{
    border: 1px solid #C0C0C0;
    background-color: #dfdede;
}

/* Tooltip */
div.htmltooltip{
    position: absolute; /*leave this and next 3 values alone*/
    z-index: 1000;
    left: -9000px;
    top: -1000px;
    background: #f2f1f1;
    border: 1px solid #999999;
    color: #908f8f;
    padding: 10px;
    width: 250px; /*width of tooltip*/
}

.link_tooltip{
    color: #fff;
    text-decoration: none;
}

.link_tooltip:hover{
    color: #cccccc;
    text-decoration: none;
}

.link_normal {
    text-decoration: none;
    color: #97343B;
}

.link_normal:hover {
    text-decoration: underline;
    color: #97343B;
}